<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>管理员</title>
  <link rel="shortcuticon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./lib/swiper/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./lib/icon/iconfont.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/manage.css">
</head>
<body>
  <div class="mikufun_cecream ">
        <!-- 统一响应提示框 -->
        <div class="baseModel">
          <p>fbdbeb</p>
        </div>
    <div class="container-fluid banner">
      <div class="row">
        <div class="col-lg-2 tool">
          <h3>控制台</h3>
          <!-- 工具侧边栏nav切换 -->
          <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            <!-- 视频管理 -->
            <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingOne">
                <h4 class="panel-title">
                  <a class="nava" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    <span id="addvideo">视频管理</span>
                    <span class="iconfont icon-xiangxia incoli"></span>
                  </a>
                </h4>
              </div>
              <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                <ul class="list-group">
                  <li class="list-group-item navulli" id="addvideo">视频发布</li>
                  <li class="list-group-item navulli" id="checkVideo">视频审核</li>
                  <li class="list-group-item navulli" id="videoEdit">视频编辑</li>
                  <li class="list-group-item navulli" id="videoDetail">视频续集添加</li>
                </ul>
              </div>
            </div>

            <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingTwo">
                <h4 class="panel-title">
                  <a class="collapsed nava" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    <span id="addvideo">轮播图管理</span>
                    <span class="iconfont icon-xiangxia incoli"></span>
                  </a>
                </h4>
              </div>
              <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                <ul class="list-group">
                  <li class="list-group-item navulli">首页轮播图设置</li>
                  <li class="list-group-item navulli">番剧轮播图设置</li>
                  <!-- <li class="list-group-item">1.2</li> -->
                </ul>
              </div>
            </div>
            <!-- <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingThree">
                <h4 class="panel-title">
                  <a class="collapsed nava" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    <span id="addvideo">视频管理</span>
                    <span class="iconfont icon-xiangxia incoli"></span>
                  </a>
                </h4>
              </div>
              <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                <ul class="list-group">
                  <li class="list-group-item navulli">1.0</li>
                  <li class="list-group-item navulli">1.1</li>
                  <li class="list-group-item navulli">1.2</li>
                </ul>
              </div>
            </div> -->
          </div>
        </div>

        <!-- 工作页面 -->
        <div class="col-lg-10 videoInfo">
          <!-- 视频管理 -->
          <div class="addvideo" aria-labelledby="addvideo">
            <span>视频基本信息(视频新增)</span>
            <form class="addvideoForm" enctype="multipart/form-data">
              <div>
                  <span>视频名称</span>
                  <input type="text"  name="videoTitle" class="videoTitle" autocomplete="off">
                  <span>视频简介</span>
                  <textarea autocomplete="off" name="videoIntro" class="videoIntro" style="resize: none;" placeholder="请输入视频简介"></textarea>
                </div>
              <div>
                <span>开播日期</span>
                <input type="date" autocomplete="off" name="videoTime" class="videoTime" value="2024-01-01">
                <span>封面图片</span>
                <div class="videoImgbox">
                  <input type="file" autocomplete="off" name="videoImg" accept="image/*" class="videoImg">
                </div>
              </div>
              <div>
                <span>视频类型</span>
                <select name="videoMold" class="videoMold">
                  <option value="番剧">番剧</option>
                  <option value="国创">国创</option>
                  <option value="动画">动画</option>
                  <option value="鬼畜">鬼畜</option>
                  <option value="舞蹈">舞蹈</option>
                  <option value="娱乐">娱乐</option>
                  <option value="科技">科技</option>
                  <option value="美食">美食</option>
                  <option value="汽车">汽车</option>
                  <option value="运动">运动</option>
                  <option value="电影">电影</option>
                  <option value="电视剧">电视剧</option>
                </select>
              <span>更新时间</span>
              <select name="upTime" class="upTime">
                <option value="已完结">已完结</option>
                <option value="周一">周一</option>
                <option value="周二">周二</option>
                <option value="周三">周三</option>
                <option value="周四">周四</option>
                <option value="周五">周五</option>
                <option value="周六">周六</option>
                <option value="周日">周日</option>
              </select>
              </div>
            </form>
            <input type="button" value="发布视频" class="addvideoBtn">
          </div>


          <!-- 视频审核发布 -->
          <div class="checkVideo" aria-labelledby="checkVideo">
            <div class="detailManage">
              <form class="checksearchform">
                <span>视频名称</span>
                <input type="text" name="checksearchinput" class="checksearchinput" placeholder="搜索" autocomplete="off">
                <input type="button" class="checksearchformBtn" value="搜索">
              </form>
              <div class="checkSearch">
                <table >
                    <tbody>
                      <tr class="checkTablehead">
                        <th>视频ID</th>
                        <th>视频名称</th>
                        <th>视频简介</th>
                        <th>发布时间</th>
                        <th>封面图片</th>
                        <th>视频内容</th>
                        <th>操作</th>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>1</td>
                        <td><img src="./img/upload/4.webp"></td>
                        <td>VEVEBEBEebaaaaaaaggbgaaa</td>
                        <td>1</td>
                        <td><video src="" controls></video></td>
                        <td>
                          <span data-toggle="modal" data-target="#myCheckModal">审核该视频</span>
                        </td>
                      </tr>
                    </tbody>
                </table>
                <!-- 分页器 -->
                <nav aria-label="...">
                  <ul class="pagination pagination-sm checkpageBox">
                    <li class="previous disabled checkPagetion"><span ><span aria-hidden="true">&larr;</span></span></li>
                    <!-- <li class="active"><span>1 <span class="sr-only">(current)</span></span></li> -->
                    <!-- <li class=""><span>2 <span class="sr-only">(current)</span></span></li>
                    <li class=""><span>3 <span class="sr-only">(current)</span></span></li>
                    <li class=""><span>4 <span class="sr-only">(current)</span></span></li> -->
                    <li class="nextbtn"><a href="#"><span aria-hidden="true">&rarr;</span></a></li>
                  </ul>
                </nav>
              </div>
            </div>
          
                       <!-- 视频审核详情操作模态框 -->
            <!-- Large modal -->
            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="myCheckModal">
              <div class="modal-dialog modaldetail" role="document">
                <div class="modal-content showUpDetail" data-vid="0">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="closeBtn">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel"></h4>
                  </div>
                  <div class="modal-body">
                    <form class="checkInfoform">
                      <div>
                        <span>视频标题</span>
                        <input type="text" autocomplete="off" name="detailTitle" class="form-control detailTitle checktitle" readonly="readonly">
                        <span>视频简介</span>
                        <textarea autocomplete="off" name="videoIntro" class="videoIntro checkIntro" style="resize: none;" placeholder="请输入视频简介" readonly="readonly"></textarea>
                      </div>
                      <div>
                        <span>封面图片</span>
                        <div class="detailImgBox">
                      
                        </div>
                      </div>
                      <div>
                        <span>视频内容</span>
                        <div class="detailVideoBox">
                          <video src="" controls="true" autoplay="true" muted ></video>                          
                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default NOCheckBtn" data-dismiss="modal">审核不通过</button>
                    <input type="button" class="btn  checkbtn" value="审核通过" data-dismiss="modal">
                  </div>
                </div><!-- /.modal-content -->
               </div><!-- /.modal-dialog -->
             </div><!-- /.modal -->
            </div>


            <!-- 视频编辑修改删除 -->
          <div class="videoEdit" aria-labelledby="videoEdit">
            <div class="detailManage">
              <form class="editsearchform">
                <span>视频名称</span>
                <input type="text" name="editsearchinput" class="editsearchinput" placeholder="搜索" autocomplete="off">
                <input type="button" class="editsearchformBtn" value="搜索">
              </form>
              <div class="editSearch">
                <table >
                    <tbody>
                      <tr class="editTablehead">
                        <th>视频名称</th>
                        <th>视频简介</th>
                        <th>开播日期</th>
                        <th>封面图片</th>
                        <th>视频类型</th>
                        <th>更新时间</th>
                        <th>操作</th>
                      </tr>
                      <!-- <tr>
                        <td>1</td>
                        <td>1</td>
                        <td>VEVEBEBEebaaaaaaaggbgaaa</td>
                        <td><img src="./img/upload/4.webp"></td>
                        <td>1</td>
                        <td>1</td>
                        <td>
                          <span data-toggle="modal" data-target="#editModal" class="upEditBtn">修改</span>
                          <span data-toggle="modal">删除</span>
                        </td>
                      </tr> -->
                    </tbody>
                </table>
                <!-- 分页器 -->
                <nav aria-label="...">
                  <ul class="pagination pagination-sm editPageBox">
                    <li class="previous disabled editPagetion"><span ><span aria-hidden="true">&larr;</span></span></li>
                    <!-- <li class="active"><span>1 <span class="sr-only">(current)</span></span></li> -->
                    <!-- <li class=""><span>2 <span class="sr-only">(current)</span></span></li>
                    <li class=""><span>3 <span class="sr-only">(current)</span></span></li>
                    <li class=""><span>4 <span class="sr-only">(current)</span></span></li> -->
                    <li class="nextbtn"><a href="#"><span aria-hidden="true">&rarr;</span></a></li>
                  </ul>
                </nav>
              </div>
            </div>
          
                       <!-- 视频编辑修改详情操作模态框 -->
            <!-- Large modal -->
            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="editModal">
              <div class="modal-dialog modaldetail" role="document">
                <div class="modal-content showUpDetail" data-vid="0">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="closeBtn">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">视频信息修改</h4>
                  </div>
                  <div class="modal-body">
                    <form class="addvideoForm editForm" enctype="multipart/form-data">
                      <div>
                          <span>视频名称</span>
                          <input type="text"  name="videoTitle" class="videoTitle" autocomplete="off">
                          <span>视频简介</span>
                          <textarea autocomplete="off" name="videoIntro" class="videoIntro" style="resize: none;" placeholder="请输入视频简介"></textarea>
                        </div>
                      <div>
                        <span>开播日期</span>
                        <input type="date" autocomplete="off" name="videoTime" class="videoTime" value="2024-01-01">
                        <span>封面图片</span>
                        <div class="videoImgbox">
                          <input type="file" autocomplete="off" name="videoImg" accept="image/*" class="videoImg">
                        </div>
                      </div>
                      <div>
                        <span>视频类型</span>
                        <select name="videoMold" class="videoMold">
                          <option value="番剧">番剧</option>
                          <option value="国创">国创</option>
                          <option value="动画">动画</option>
                          <option value="鬼畜">鬼畜</option>
                          <option value="舞蹈">舞蹈</option>
                          <option value="娱乐">娱乐</option>
                          <option value="科技">科技</option>
                          <option value="美食">美食</option>
                          <option value="汽车">汽车</option>
                          <option value="运动">运动</option>
                          <option value="电影">电影</option>
                          <option value="电视剧">电视剧</option>
                        </select>
                      <span>更新时间</span>
                      <select name="upTime" class="upTime">
                        <option value="已完结">已完结</option>
                        <option value="周一">周一</option>
                        <option value="周二">周二</option>
                        <option value="周三">周三</option>
                        <option value="周四">周四</option>
                        <option value="周五">周五</option>
                        <option value="周六">周六</option>
                        <option value="周日">周日</option>
                      </select>
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <input type="button" class="btn  upVideoEditBtn" value="确定修改" data-dismiss="modal">
                  </div>
                </div><!-- /.modal-content -->
               </div><!-- /.modal-dialog -->
             </div><!-- /.modal -->
            </div>

              <!--  为视频添加续集  -->
            <div class="videoDetail" aria-labelledby="videoDetail" >
              <div class="detailManage">
                <form class="detailsearchform">
                  <span>视频名称</span>
                  <input type="text" name="detailsearch" class="detailsearch" placeholder="搜索" autocomplete="off">
                  <input type="button" class="detailsearchformBtn" value="搜索">
                </form>
                <div class="videoSearch">
                  <table >
                      <tbody>
                        <tr class="tablehead">
                          <th>视频ID</th>
                          <th>视频名称</th>
                          <th>视频封面</th>
                          <th>视频简介</th>
                          <th>视频类型</th>
                          <th>更新时间</th>
                          <th>操作</th>
                        </tr>
                        <!-- <tr>
                          <td>1</td>
                          <td>1</td>
                          <td><img src="./img/upload/4.webp"></td>
                          <td>VEVEBEBEebaaaaaaaggbgaaa</td>
                          <td>1</td>
                          <td>1</td>
                          <td><span data-toggle="modal" data-target="#myModal">选择该视频</span></td>
                        </tr> -->
                      </tbody>
                  </table>
                </div>
              </div>
              <!-- 为视频添加详情操作模态框 -->
              <!-- Large modal -->
              <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="myModal">
                <div class="modal-dialog modaldetail" role="document">
                  <div class="modal-content showUpDetail" data-vid="0">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="closeBtn">&times;</span></button>
                      <h4 class="modal-title" id="gridSystemModalLabel"></h4>
                    </div>
                    <div class="modal-body">
                      <form class="detailform">
                        <div>
                          <span>视频标题</span>
                          <input type="text" autocomplete="off" name="detailTitle" class="form-control detailTitle">
                          <span>集数</span>
                          <input type="text" autocomplete="off" name="detailNum" class="form-control detailNum">
                          <span>是否需要会员</span>
                          <select name="needVip" class="form-control needVip">
                            <option value="0">非会员</option>
                            <option value="1">会员</option>
                          </select>
                        </div>
                        <div>
                          <span>封面图片</span>
                          <div class="detailImgBox">
                            <input type="file" autocomplete="off" name="detailImg" accept="image/*" class="detailImg">
                          </div>
                        </div>
                        <div>
                          <span>续集内容</span>
                          <div class="detailVideoBox">
                            <video src="" controls="true" autoplay="true" muted ></video>                          
                          </div>
                          <span class="detailVideoBtn">点击选择视频</span>
                          <input type="file" autocomplete="off" name="detailVideo" accept="video/*" class="detailVideo">
                        </div>
                      </form>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default resetBtn">重置</button>
                      <input type="button" class="btn  updetailbtn" value="上传续集">
                    </div>
                  </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
              </div><!-- /.modal -->
            </div>

          </div>


        </div>
      </div>
    </div>
  <script src="./lib/jquery-3.6.1.min.js"></script>
  <script src="./lib/bootstrap/js/popper.min.js" type="module"></script>
  <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="./lib/swiper/js/swiper-bundle.min.js"></script>
  <script src="./lib/axios.min.js"></script>
  <script src="./lib/form-serialize.js"></script>
  <script src="./js/public.js"></script>
<script src="./js/manage.js"></script>
</body>
</html>